<template>
  <div class="about">
    <van-nav-bar
    title="关于我们" 
    left-arrow 
    @click-left="$router.back()"
     />
    <div class="item">
      <div class="img"></div>
      <p>烘培食谱</p>
      <p>v1.2.12</p>
    </div>
    <div class="footer">
        <span> <a href="https://app.huyayue.com/html/ecook-uniform-user-protocol.html?package=cn.bakeshipu&channel=oppo">用户协议</a> </span> | <span> <a href="https://app.huyayue.com/html/ecook-uniform-privacy.html?package=cn.bakeshipu&channel=oppo">隐私协议</a> </span>
        </div>
  </div>
</template>

<script>
export default {

};
</script>

<style lang="less" scoped>
.about {
  background-color: #FAFAFA;
  width: 100vw;
  height: 100vh;

  /deep/.van-nav-bar .van-icon {
    color: #7f858b;
  }

  .item {
      height: 50vh;
      display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
      .img {
          width: 128px;
          height: 128px;
          background-image: url('@/assets/additional/icon_hongbei.png');
          background-size: cover;
      }
  }

  .footer {
      display: flex;
      justify-content: center;
      align-items: center;

      a {
          margin: 0 8px;
          color: #029789;
          border-bottom: #029789 solid 1px;
      }
  }
}
</style>